import { useRef } from "openinula";
import { AnimateTransition } from "inula-transitions";

function Custom(props) {
  const nodeRef = useRef(null);

  return (
    <AnimateTransition nodeRef={nodeRef} appear={true} in={true} timeout={1000} classNames={props.meta.transitionClass}>
      <div ref={nodeRef} className="pane normal" style={props.style}>
        <div className="pane-title">{props.meta.title}</div>
        <div className="zhibiao left">
          <div className="zhibiao__value">50,769.15</div>
          <div className="zhibiao__title">
            设备总值
            <br />
            （万元）
          </div>
        </div>
        <div className="zhibiao right">
          <div className="zhibiao__value">3746</div>
          <div className="zhibiao__title">
            设备总数量
            <br />
            （万元）
          </div>
        </div>
      </div>
    </AnimateTransition>
  );
}

export default Custom;
